<section data-v-d034c99c="" class="app-main" style="min-height: 100%;">
    <div data-v-9d0c3f1c="" class="dashboard-container">
        <div data-v-9d0c3f1c="" class="app-container">
            <div data-v-9d0c3f1c="" class="seacthBox">
                <form data-v-9d0c3f1c="" class="el-form el-form--inline">
                    <div data-v-9d0c3f1c="" class="el-form-item el-form-item--medium">
                        <label for="name" class="el-form-item__label">输入搜索</label>
                        <div class="el-form-item__content">
                            <div data-v-9d0c3f1c="" class="el-input el-input--medium">
                                <input type="text" autocomplete="off" placeholder="商品名称"
                                       class="el-input__inner">
                            </div>
                        </div>
                    </div>
                    <div data-v-9d0c3f1c="" class="el-form-item el-form-item--medium">
                        <label for="brandId" class="el-form-item__label">商品品牌</label>
                        <div class="el-form-item__content">
                            <div data-v-9d0c3f1c="" class="el-select el-select--medium">
                                <div class="el-input el-input--medium el-input--suffix">
                                    <input type="text" readonly="readonly" autocomplete="off"
                                           placeholder="请选择品牌" class="el-input__inner">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-v-9d0c3f1c="" class="el-form-item el-form-item--medium">
                        <div class="el-form-item__content">
                            <button data-v-9d0c3f1c="" type="button"
                                    class="el-button el-button--primary el-button--medium">
                                <span>查询</span></button>
                            <button data-v-9d0c3f1c="" type="button"
                                    class="el-button el-button--default el-button--medium">
                                <span>重置</span></button>
                        </div>
                    </div>
                </form>
            </div>
            <div data-v-9d0c3f1c="" class="basic-list-content">
                <div data-v-9d0c3f1c=""
                     class="el-table el-table--fit el-table--border el-table--scrollable-x el-table--enable-row-transition el-table--medium"
                     style="width: 100%; margin-top: 10px;">
                    <div class="el-table__header-wrapper">
                        <table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
                               style="width: 1475px;">
                            <colgroup>
                                <col name="el-table_1_column_1" width="55">
                                <col name="el-table_1_column_2" width="130">
                                <col name="el-table_1_column_3" width="120">
                                <col name="el-table_1_column_4" width="240">
                                <col name="el-table_1_column_5" width="110">
                                <col name="el-table_1_column_6" width="110">
                                <col name="el-table_1_column_7" width="160">
                                <col name="el-table_1_column_8" width="180">
                                <col name="el-table_1_column_9" width="200">
                                <col name="gutter" width="0">
                            </colgroup>
                            <tbody>
                            <tr class="">
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_1   el-table-column--selection  is-leaf">
                                    <div class="cell"><label class="el-checkbox"><span
                                            class="el-checkbox__input"><span
                                            class="el-checkbox__inner"></span><input type="checkbox"
                                                                                     aria-hidden="false"
                                                                                     class="el-checkbox__original"
                                                                                     value=""></span>
                                        <!----></label></div>
                                </th>
                                <th colspan="1" rowspan="1" class="el-table_1_column_2     is-leaf">
                                    <div class="cell">编号</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_3  is-center   is-leaf">
                                    <div class="cell">商品图片</div>
                                </th>
                                <th colspan="1" rowspan="1" class="el-table_1_column_4     is-leaf">
                                    <div class="cell">商品名称</div>
                                </th>
                                <th colspan="1" rowspan="1" class="el-table_1_column_5     is-leaf">
                                    <div class="cell">价格/货号</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_6  is-center   is-leaf">
                                    <div class="cell">标签</div>
                                </th>
                                <th colspan="1" rowspan="1" class="el-table_1_column_7     is-leaf">
                                    <div class="cell">销量</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_8  is-center   is-leaf">
                                    <div class="cell">审核状态</div>
                                </th>
                                <th colspan="1" rowspan="1"
                                    class="el-table_1_column_9  is-center   is-leaf">
                                    <div class="cell">操作</div>
                                </th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="el-table__body-wrapper">
                        <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                               style="width: 1475px;">
                            <tbody>
                            <tr class="el-table__row" v-for="good in goods" :key="goods.index">
                                <td rowspan="1" colspan="1"
                                    class="el-table_2_column_10  el-table-column--selection"
                                    style="width:44px;text-align: center">
                                    <div class="cell">
                                        <label class="el-checkbox">
                                                        <span class="el-checkbox__input">
                                                            <span class="el-checkbox__inner"></span>
                                                            <input type="checkbox" aria-hidden="false"
                                                                   class="el-checkbox__original" value="">
                                                        </span>
                                        </label>
                                    </div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_11  "
                                    style="width:100px;text-align: center">
                                    <div class="cell">{{good.skuList[0].id}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_12 is-center "
                                    style="width:100px;text-align: center">
                                    <div class="cell">
                                                        <span data-v-9d0c3f1c="" class="imageSet">
                                                            <img data-v-9d0c3f1c=""
                                                                 :src="good.skuList[0].image">
                                                        </span>
                                    </div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_13  "
                                    style="width:170px;text-align: center">
                                    <div class="cell">{{good.skuList[0].name}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_14  "
                                    style="width:100px;text-align: center">
                                    <div class="cell">{{good.skuList[0].price}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_15 "
                                    style="width:100px;text-align: center">
                                    <div class="cell">
                                        <div id="checkedCore" data-v-9d0c3f1c="" role="switch"
                                             class="el-switch is-checked" aria-checked="true">
                                            <button data-v-9d0c3f1c="" type="button"
                                                    @click="Checked(good.skuList[0].id,good.spu.isMarketable,page)"
                                                    class="el-button el-button--text el-button--small">
                                                                <span>
                                                                {{good.spu.isMarketable==1?"上架":good.spu.isMarketable==0?"下架":"解锁"}}
                                                                </span>
                                            </button>
                                        </div>
                                    </div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_16  "
                                    style="width:160px;text-align: center">
                                    <div class="cell">{{good.skuList[0].saleNum}}</div>
                                </td>
                                <td rowspan="1" colspan="1" class="el-table_2_column_17 is-center "
                                    style="width:180px;text-align: center">
                                    <div class="cell">
                                        <button data-v-9d0c3f1c="" type="button"
                                                @click="Checked(good.skuList[0].id,good.skuList[0].status,page)"
                                                class="el-button el-button--text el-button--small">
                                                                <span>
                                                            {{good.skuList[0].status==1?"已审核":good.skuList[0].status==0?"未审核":"解锁"}}
                                                         </span>
                                        </button>
                                    </div>
                                </td>
                                <td rowspan="1" colspan="1"
                                    class="el-table_2_column_18 is-center"
                                    style="width:200px">
                                    <div class="cell">
                                        <button data-v-9d0c3f1c="" type="button"
                                                class="el-button el-button--text el-button--small"
                                                @click="dele(good.skuList[0].id,page)">
                                            <!----><!----><span>删除</span></button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script th:inline="javascript">
    var app = new Vue({
            el: "#app",
            data: {
                goods: [[${goods}]],
                page: [[${page}]],
            },
        }
    )
</script>
